$(function(){
    //初始化左侧分类导航栏
    $.ajax({
        type:"GET",
        url:"http://localhost:8888/api/index/category/all",
        dataType:"json",
        async:false,
        success:function (result) {
            var $pullDownList = $(".pullDownList").empty();//清空左侧导航栏
            var $yMenuListCon = $(".yMenuListCon").empty();//清空展开栏
            $.each(result.data,function (i,p) {
                //填充左侧导航栏
                var $li0_1 = $("<i class=\"list-icon-1\"></i>");
                var $li0_2 = $("<a target=\"_blank\"></a>").text(p.name);
                var $li = $("<li class=\"\"></li>").append($li0_1,$li0_2,"<spann></spann>");
                $pullDownList.append($li);
                //填充展开栏
                var $yMenuListConin = $("<div class=\"yMenuListConin\"></div>")//创建展开项
                $.each(p.cate,function (j, c) {
                    //第一层子分类
                    var $a = $("<a class=\"yListName\"></a>").text(c.name);
                    var $h3 = $("<h3></h3>").append($a);
                    //第二层子分类
                    var $p = $("<p></p>");
                    $.each(c.cate,function (k, cc) {
                        var $aa = $("<a class=\'ecolor610\'></a>").text(cc.name);
                        $p.append($aa);
                    });
                    var $div = $("<div class=\'yMenuLCinList\'></div>").append($h3,$p);
                    $yMenuListConin.append($div);
                });
                //将展开项添加到展开栏
                $yMenuListCon.append($yMenuListConin);
            });
        }
    });

    // 导航左侧栏js效果 start
		$(".pullDownList li").hover(function(){
			$(".yMenuListCon").fadeIn();
			var index=$(this).index(".pullDownList li");
			if (!($(this).hasClass("menulihover")||$(this).hasClass("menuliselected"))) {
				$($(".yBannerList")[index]).css("display","block").siblings().css("display","none");
				$($(".yBannerList")[index]).removeClass("ybannerExposure");
				setTimeout(function(){
				$($(".yBannerList")[index]).addClass("ybannerExposure");
				},60)
			}else{	
			}
			$(this).addClass("menulihover").siblings().removeClass("menulihover");
				$(this).addClass("menuliselected").siblings().removeClass("menuliselected");
			$($(".yMenuListConin")[index]).fadeIn().siblings().fadeOut();
		},function(){
			
		})
		$(".pullDown").mouseleave(function(){
			$(".yMenuListCon").fadeOut();
			$(".yMenuListConin").fadeOut();
			$(".pullDownList li").removeClass("menulihover");

		})
		// 导航左侧栏js效果  end
	})


